<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Galicia Office</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="content/default/styles.css" />
    <link rel="stylesheet" href="content/default/jquery-ui.css" />
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="content/default/ie8-and-down.css" />
    <![endif]-->
    <script src="js/jqueryfwk/jquery-1.7.2.min.js"></script>
    <script src="js/jqueryfwk/jquery.customSelect.js"></script>
    <script src="js/Placeholders.min.js"></script>
    <script src="js/site.js"></script>
    <script src="js/jqueryfwk/jquery-ui-1.10.3.custom.min.js"></script>
    <script>
        $(function() {
            $( "#datepicker" ).datepicker({
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true
            });
        });
    </script>
    <!--[if IE]>
    <script src="js/tags-html5.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <script src="js/IE8.js"></script>
    <![endif]-->
</head>
<body>
    <div id="main-container">
        <header>
            <div class="left"><img src="images/commons/logo-go.png" alt="Galicia Office" /></div>
            <div class="right header-data">
                <div class="cont-search-results">
                    <div class="cont-search">
                        <input type="text" placeholder="Encontrá lo que necesitás hacer en GO..." />
                        <a href="#">Buscar</a>
                    </div>
                    <div class="cont-results">
                        <ul>
                            <li class="todos"><a>Resultado 1</a></li>
                            <li class="funcionalidades"><a>Resultado 2</a></li>
                            <li class="operaciones"><a>Extracciones de cajeros automáticos en la provincia de Buenos Aires</a></li>
                            <li class="todos"><a>Resultado 4</a></li>
                        </ul>
                    </div>
                </div>
                <span class="date">16/03/2013 </span><span class="time">18:10</span>
                <button class="icon-out">Salir</button>
            </div>
        </header>
        <!---Menu principal --->
        <nav>
            <ul class="main-menu">
                <li class="active">CONSULTAS
                    <div class="hover-menu">
                        <div class="cont-menu"> <!---Contenedor General BOX ---->
                             <div class="cont-menu-compuesto">
                                 <ul> <!--SÓLO 5 <LI> -->
                                     <li><span>COBRANZA INTEGRADA GALICIA</span>
                                         <ul class="level-1">
                                             <li><a class="inactivo horario" href="#">link 1-1</a></li>
                                             <li><a class="inactivo firma" href="#">link 2-2 A</a></li>
                                             <li><a class="inactivo permiso" href="#">link 4-1</a></li>
                                             <li><a href="#">link 1-3</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Pago directo</span>
                                         <ul class="level-1">
                                          <li><a href="#">Pago directo</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Ventanilla electrónica</span>
                                         <ul class="level-1">
                                             <li><a href="#">link 2-1</a>
                                             <li><span>link 2-2</span>
                                                 <ul class="level-2">
                                                     <li><a href="#">link 2-2 B</a></li>
                                                     <li><a href="#">link 2-2 C</a></li>
                                                     <li><a href="#">link 2-2 D</a></li>
                                                 </ul>
                                             </li>
                                             <li><a href="#">link 2-3</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Servicios de recaudaciones</span>
                                         <ul class="level-1">
                                             <li><a class="inactivo permiso" href="#">link 4-1</a></li>
                                             <li><a href="#">link 4-2</a></li>
                                             <li><a href="#">link 4-3</a></li>
                                             <li><a href="#">link 4-4</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Cobranza con tarjetas</span>
                                         <ul class="level-1">
                                             <li><a href="#">link 5-1</a></li>
                                             <li><a href="#">link 5-2</a></li>
                                             <li><a href="#">link 5-3</a></li>
                                             <li><a href="#">link 5-4</a></li>
                                             <li><a href="#">link 5-5</a></li>
                                         </ul>
                                     </li>
                                 </ul>
                                 <ul> <!--SÓLO 5 <LI> -->
                                     <li><span>COBRANZA INTEGRADA GALICIA</span>
                                         <ul class="level-1">
                                             <li><a class="inactivo permiso" href="#">link 1-1</a></li>
                                             <li><a href="#">link 1-2</a></li>
                                             <li><a href="#">link 1-3</a></li>
                                             <li><a href="#">link 1-4</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Ventanilla electrónica</span>
                                         <ul class="level-1">
                                             <li><span>link 2-2</span>
                                                 <ul class="level-2">
                                                     <li><a href="#">link 2-2 B</a></li>
                                                     <li><a class="inactivo firma" href="#">link 2-2 A</a></li>
                                                     <li><a href="#">link 2-2 D</a></li>
                                                 </ul>
                                             </li>
                                             <li><a href="#">link 2-3</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Transacciones</span>
                                         <ul class="level-1">
                                             <li><a href="#">Transacciones</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Operaciones inmediatas</span>
                                         <ul class="level-1">
                                          <li><a class="inactivo permiso" href="#">Operaciones inmediatas</a></li>
                                         </ul>
                                     </li>
                                 </ul>
                             </div>
                        </div>
                    </div>
                </li>
                <li>TRANSACCIONES</li>
                <li>COBRANZAS</li>
                <li>HABERES</li>
                <li>SOLICITUDES</li>
                <li>PROVEEDORES</li>
                <li>COMERCIO EXTERIOR</li>
                <li>PAGO DE SERVICIOS</li>
                <li>TARJETAS</li>
                <li>GALICIA RURAL</li>
            </ul>
        </nav>
        <!--- Left --->
        <aside>
            <div class="company-data">
                <ul class="info">
                    <!--<li class="company-logo"><span><img src="logo-empresa.png" /></span></li>-->
                    <li class="company-name">Nombre de la Empresa</li>
                </ul>
                <p>Ultimo acceso<span>23243:45</span></p>
                <div class="user">
                    <a class="alerta" href="#">
                        <h1>Nombre de usuario</h1>
                        <p>Configurar mi usuario</p>
                    </a>
                </div>
            </div>
            <ul class="company-links">
                <li><a class="icon-messages alerta" href="#">Bandeja de Mensajes</a>
                    <ul>
                        <li><a href="">Firmas digitales en proceso de activación</a></li>
                        <li><a href="">Mensaje del Banco 2</a></li>
                        <li><a href="">Falta activar código de seguridad 3</a></li>
                    </ul>
                </li>
                <li><a class="icon-consult-oper alerta" href="#">Consulta de Operaciones</a></li>
                <li><a class="icon-accept-oper active" href="#">Autorizar Operaciones</a></li>
                <li><a class="icon-download-files" href="#">Archivos exportados</a></li>
                <li><a class="icon-admin" href="#">Administrar Empresa</a></li>
            </ul>
            <ul class="aside-banners">
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-comunidadRural.png" alt="Comunidad Rural" width="240" height="42" /></a></li>
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-galiciaComex.png" alt="Comunidad Rural" width="240" height="42" /></a></li>
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-buenosNegocios.png" alt="Comunidad Rural" width="240" height="42" /></a></li>
            </ul>
        </aside>
        <!--- Right--->
        <section class="container">
        <span class="icon-ayuda-general" title="En qué podemos ayudarte">?</span>
        <!----- Submenú ---------->
            <div class="headerContainer">Transferencias</div>
            <!---------Formularios------------>

            <h3 class="form-title"><span>Datos de la transferencia</span></h3>
            <div class="form-box span1 compact">
                <form>
                    <div class="row">
                        <span>Desde</span>
                        <input type="text" class="inputtext-datepicker" id="" placeholder="Elija fecha">
                        <span>Hasta</span>
                        <input type="text" class="inputtext-datepicker" id="" placeholder="Elija fecha">
                    </div>
                    <div class="row">
                        <span>Estado</span>
                        <select class="styled">
                            <option value="Estado">Estado</option>
                        </select>
                        <span>Sexo</span>
                        <input type="checkbox" name="option1" value="Milk">
                        <span class="check-text">Milk</span>
                    </div>
                    <div class="button-box">
                        <input class="btn" id="Submit1" name="Prepara" value="Consultar" type="submit">
                    </div>
                </form>
            </div>
            <div class="row captcha" align="center">
                <script type="text/javascript">
                    $(function () {$('#fcbc3751ddbc47fcbec45e80827882f8').show();});
                    function ______15ee707e13164d4a999ce4e68bd73032________() { $('#fcbc3751ddbc47fcbec45e80827882f8').hide(); $.post("/DefaultCaptcha/Refresh", { t: $('#CaptchaDeText').val() }, function(){$('#fcbc3751ddbc47fcbec45e80827882f8').show();}); return false; }</script>
                <br>
                <img id="CaptchaImage" src="/DefaultCaptcha/Generate?t=b87861223523453f8ae4f662b06582d8"><input id="CaptchaDeText" name="CaptchaDeText" type="hidden" value="b87861223523453f8ae4f662b06582d8"> <br><a href="#CaptchaImage" id="fcbc3751ddbc47fcbec45e80827882f8" onclick="______15ee707e13164d4a999ce4e68bd73032________()" style="">Probar otro Código.</a><br>Ingrese el Código.<br><input autocomplete="off" autocorrect="off" data-val="true" data-val-required="Ingreso Obligatorio" id="CaptchaInputText" name="CaptchaInputText" type="text" value=""><br>
            </div>
            <!---------Fin - Formularios------------>
        </section>
        <footer><p>Salvo error u omisión (S.E.U.O)</p></footer>
    </div>
</body>
</html>